<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--[if lt IE 7 ]> <html class="ie6" xmlns="http://www.w3.org/1999/xhtml"> </html><![endif]-->
<!--[if IE 7 ]>    <html class="ie7" xmlns="http://www.w3.org/1999/xhtml"> </html><![endif]-->
<!--[if IE 8 ]>    <html class="ie8" xmlns="http://www.w3.org/1999/xhtml"> </html><![endif]-->
<!--[if IE 9 ]>    <html class="ie9" xmlns="http://www.w3.org/1999/xhtml"> </html><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>


<!--
	 The source code in the preview has been altered, stripped, compressed and encrypted for security reasons.
	 If you want to see how the source code you are getting in the purchased file looks like you should
	 you should look at the last screenshot on themeforest 
	 
	 	
	 Thank you!
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<title> Columns :: Presenter - Corporate Portfolio Template ::</title>
	<meta name="Description" content=" add description  ... " />

	<meta name="Keywords" content=" add keywords     ... " />
	<link href="./favicon.ico" rel="shortcut icon" type="image/x-icon" /><link href="./_layout/style.css" rel="stylesheet" type="text/css" media="all" /><link href="./_layout/style-print.css" rel="stylesheet" type="text/css" media="print" /><link id="css_bg" href="./_layout/bg2.css" rel="stylesheet" type="text/css" media="all" /><script src="./_layout/js/jquery-1.4.4.min.js" type="text/javascript"></script>
	<script src="./_layout/js/cufon/cufon.js" type="text/javascript"></script><script src="./_layout/js/cufon/Museo_Sans_500.font.js" type="text/javascript"></script><script src="./_layout/js/tipsy/jquery.tipsy.js" type="text/javascript"></script><link href="./_layout/js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" /><script src="./_layout/js/prettyphoto/jquery.prettyPhoto.js" type="text/javascript"></script><link href="./_layout/js/prettyphoto/css.prettyPhoto.css" rel="stylesheet" type="text/css" /><script src="./_layout/js/validity/jquery.validity.js" type="text/javascript"></script><link href="./_layout/js/validity/css.validity.css" rel="stylesheet" type="text/css" /><script src="./_layout/js/cycle/jquery.cycle.all.min.js" type="text/javascript"></script><script src="./_layout/js/tabify/jquery.tabify-1.4.js" type="text/javascript"></script><script src="./_layout/js/accordion/jquery.accordion.js" type="text/javascript"></script><script src="./_layout/js/scrollto/jquery.localscroll-min.js" type="text/javascript"></script><script src="./_layout/js/scrollto/jquery.scrollTo-min.js" type="text/javascript"></script><script src="./_layout/js/scripts.js" type="text/javascript"></script><script src="./_layout/js/plugins.js" type="text/javascript"></script>

	
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>
	
	<div class="panel">

		<ul id="stylechanger">
			<li><a id="bg1" href="#" title="default" class="tip">default</a></li>
			<li><a id="bg2" href="#" title="wood 1" class="tip">wood1</a></li>
			<li><a id="bg3" href="#" title="wood 2" class="tip">  </a></li>
			<li><a id="bg4" href="#" title="wood 3" class="tip">  </a></li>
			<li><a id="bg5" href="#" title="textile" class="tip">  </a></li>
			<li><a id="bg6" href="#" title="noise" class="tip">  </a></li>
			<li><a id="bg7" href="#" title="grudge" class="tip">  </a></li>
			<li><a id="bg8" href="#" title="leather" class="tip">  </a></li>
			<li><a id="bg9" href="#" title="metalic" class="tip">  </a></li>
		</ul>
		
	</div>
	
	<a class="openpanel tip" href="#" title="Background Switcher">open panel</a>

    <div id="wrap">  <noscript> <link href="./_layout/style-nojs.css" rel="stylesheet" type="text/css" /> <div class="nojs-warning"><strong>JavaScript seems to be Disabled!</strong> Some of the website features are unavailable unless JavaScript is enabled.</div> </noscript>  <div id="header"> <div class="row fixed">  <div class="dropdown-container fixed">  <a href="./index.html" title="Back Home" id="logo"><img src="./_layout/images/logo.png" width="230" height="42" alt="" /></a>  <ul id="dropdown-menu" class="fixed">  <li><a href="./index.html">Home</a></li> <li class="current"><a href="./about-us.html">About Us</a> <ul class="sub-menu"> <li><a href="./about-us.html">About Us</a></li> <li><a href="./team.html">Meet the team</a></li> <li><a href="./clients.html">Clients</a></li> <li><a href="./typography.html">Typography</a></li> <li><a href="./columns.html">Columns Layouts</a></li> <li><a href="#">3rd level dropdown</a> <ul> <li><a href="#">Just an</a></li> <li><a href="#">3rd level dropdown</a></li> <li><a href="#">example</a></li> </ul> </li> </ul> </li> <li><a href="./services.html">Services</a> <ul class="sub-menu"> <li><a href="./services.html">Service - Overview</a></li> <li><a href="./services-single-service.html">Service - Inner Page</a></li> </ul> </li> <li><a href="./portfolio-1-column.html">Portfolio</a> <ul class="sub-menu"> <li><a href="./portfolio-1-column.html">Portfolio - 1 Column</a></li> <li><a href="./portfolio-4-columns.html">Portfolio - 4 Columns</a></li> <li><a href="./portfolio-single-item.html">Portfolio - Item Page</a></li> </ul> </li> <li><a href="./blog.html">Blog</a> <ul class="sub-menu"> <li><a href="./blog.html">Blog</a></li> <li><a href="./blog-post.html">Blog Post</a></li> </ul> </li> <li class="last"><a href="./contact.html">Contact</a></li>  </ul>   </div>   </div>   <div class="hr"></div>  <div class="row inner-page-title-container">  <h3>Columns</h3>  </div>     </div> <div id="content"> <div class="row fixed"> <h4>Column 940px</h4> <code> &lt;div class=&quot;row fixed&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum. Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem.</p> </div> <div class="hr"></div> <div class="row fixed"> <div class="col-700"> <h4>Column 700px</h4> <code> &lt;div class=&quot;col-700&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem.</p> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem.</p> </div> <div class="col-220 last"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220 last&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> </div> <div class="hr"></div> <div class="row fixed"> <div class="col-460"> <h4>Column 460px</h4> <code> &lt;div class=&quot;col-460&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> <div class="col-460 last"> <h4>Column 460px</h4> <code> &lt;div class=&quot;col-460 last&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> </div> <div class="hr"></div> <div class="row fixed"> <div class="col-460"> <h4>Column 460px</h4> <code> &lt;div class=&quot;col-460&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem.</p> </div> <div class="col-220"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> <div class="col-220 last"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220 last&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> </div> <div class="hr"></div> <div class="row fixed"> <div class="col-220"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> <div class="col-700 last"> <h4>Column 700px</h4> <code> &lt;div class=&quot;col-700 last&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem.</p> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem.</p> </div> </div> <div class="hr"></div> <div class="row fixed"> <div class="col-220"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> <div class="col-460"> <h4>Column 460px</h4> <code> &lt;div class=&quot;col-460&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem.</p> </div> <div class="col-220 last"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220 last&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> </div> <div class="hr"></div> <div class="row fixed"> <div class="col-220"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> <div class="col-220"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> <div class="col-220"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> <div class="col-220 last"> <h4>Column 220px</h4> <code> &lt;div class=&quot;col-220 last&quot;&gt; &lt;/div&gt; </code> <p>Vestibulum et felis eu dui imperdiet accumsan eu in quam. In hac habitasse platea dictumst. Integer eget placerat diam. Praesent eget nunc vel sem bibendum adipiscing. Aliquam faucibus diam non metus aliquet eu euismod lorem elementum.</p> </div> </div> </div> <div id="footer"> <div class="hr"></div> <div class="row fixed"> <div class="col-220"> <p class="last">&copy; 2011 Presenter Corporate Portfolio.</p> </div> <div class="col-460"> <p class="last"><a href="#">Terms of Service</a> / <a href="#">Privacy Policy</a> / <a href="#">Contact</a></p> </div> <div class="col-220 last"> <ul id="social-media" class="fixed"> <li><img src="./_layout/images/social-icons/facebook.png" width="14" height="14" alt="facebook" /><a href="#">Join Us on Facebook</a></li> <li><img src="./_layout/images/social-icons/twitter.png" width="14" height="14" alt="twitter" /><a href="#">Twitter</a></li> </ul> </div> </div> </div> </div>

	
	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>